<template>
  <div>
    <div class="top_title">订单信息</div>
    <div class="box_dingdan">
      <div class="box_first">
        <span>订单编号:</span>
        <span>{{msglist.orderSn}}</span>
        <span style="float:right; color:red;">已发货</span>
      </div>
      <div class="box_first">
        <span>成交时间:</span>
        <span>{{msglist.ctime | formatDate('YYYY-MM-DD hh:mm:ss')}}</span>
      </div>
      <div class="box_first">
        <span>付款时间:</span>
        <span>{{msglist.payTime | formatDate('YYYY-MM-DD hh:mm:ss')}}</span>
      </div>
      <!-- <div class="box_first">
        <span>支付宝:</span>
        <span>9894618618</span>
      </div> -->
       <div class="box_first" style="border-bottom: 10px solid #F2F2F2;">
        <span>买家账号:</span>
        <span>{{msglist.linkman}}</span>
      </div>
       <!-- <div class="box_first" style="border-bottom: 10px solid #F2F2F2;">
        <span>下单地区:</span>
        <span>北京市 朝阳区</span>
      </div> -->


       <!-- <div class="box_first">
        <span>买家备注:</span>
        <span>9894618618</span>
      </div> -->
       <div class="box_first">
        <span>买家留言:</span>
        <span>{{msglist.message}}</span>
      </div>
       <div class="box_first">
        <span>交易类型:</span>
        <span>{{msglist.expressName}}</span>
      </div>
       <!-- <div class="box_first">
        <span>倒计时:</span>
        <span>9天12小时</span>
      </div> -->
       <div class="box_first">
        <span>实付金额:</span>
        <span>{{msglist.amount|amountMin100(2)}}(含快递费)</span>
      </div>
       <div class="box_first">
        <span>订单优惠:</span>
        <span>{{msglist.favorablePrice|amountMin100(2)}}</span>
      </div>
      <div class="bom_box" v-for="ins in msglist.goodsList" :key="ins.goodsId">
          <img :src="ins.goodsThum" alt="">
          <div class="box_sun">{{ins.goodsName}}</div>
      </div>
    </div>
      <div class="bom_title">收货信息</div>
      <div class="bom_nav">
              <div class="nav_sun">
                 <span>姓名:</span>
                 <span>{{msglist.consignee}}</span>
              </div>
               <div class="nav_sun">
                 <span>手机:</span>
                 <span>{{msglist.mobile}}</span>
              </div>
               <div class="nav_sun">
                 <span>固话:</span>
                 <span>57579846456</span>
              </div>
               <div class="nav_sun" style="height:60px;">
                 <span>地址:</span>
                 <span style="height:100%; display:inline-block; width:70%;">{{msglist.shippingAddress}}</span>
              </div>
      </div>
      <div class="bom_btn">
          <router-link :to="{path:'me_indent'}">确定</router-link>
      </div>
  </div>
</template>

<script>
  export default {
     components: {
    
  },
  data() {
    return {
       orderid:'',
       msglist:[]
      }
    },
    mounted() {
      this.info()
    },
    methods:{
        info(){
          this.orderid=this.$route.query.orderid
          console.log(this.orderid)
           let url = this.APIURL_PREFIX + '/api/wap/orderForCompany';
        this.$http.get(url,{params:{id:this.orderid}}).then((res) => {
          console.log(res)
          this.msglist=res.data.data
        })
        }
    },
  }
</script>

<style scoped>
@import "../../assets/personal/css/me_fahuodetails.css";
</style>
